<template>
	<div>
		<el-dialog title="查看回款信息" center v-model="dialogTableVisible" append-to-body width="950px">
			<div>
				<el-row class="mt15">
					<el-col :span="2" class="border-bottom  text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						回款日期
					</el-col>
					<el-col :span="2" class="border-bottom  text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						回款单号
					</el-col>
					<el-col :span="3" class="border-bottom  text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						回款金额
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						付款方式
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						付款截图
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						回款登记人
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						审批状态
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						审批人
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						审批时间
					</el-col>
					<el-col :span="2" class="border-bottom border-right text-center border-left border-top bg-F5F7FA fb pt10 pb10 color333">
						审批结果
					</el-col>
				</el-row>
				<el-row class="color2">
					<el-col :span="2" class="border-bottom text-center border-left pt10 pb10">
						无赠品
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left pt10 pb10">
						回款金额
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left pt10 pb10">
						1
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left pt10 pb10">
						无赠品
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left pt10 pb10">
						<img class="radius8" src="https://loremflickr.com/400/400?lock=4447298433917443" width="72" height="46" alt="" />
					</el-col>
					<el-col :span="3" class="border-bottom text-center border-left pt10 pb10">
						回款金额
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left pt10 pb10">
						1
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left pt10 pb10">
						无赠品
					</el-col>
					<el-col :span="2" class="border-bottom text-center border-left pt10 pb10">
						回款金额
					</el-col>
					<el-col :span="2" class="border-bottom border-right text-center border-left pt10 pb10">
						1
					</el-col>
				</el-row>
			</div>
			<div slot="footer" class="dialog-footer text-right mt30">
				<el-button class="cancelSubBtn" @click="dialogTableVisible = false">取 消</el-button>
				<el-button type="primary" @click="dialogTableVisible = false" class="mainSubBtn">确 定</el-button>
			</div>
		</el-dialog>	
	</div>
</template>

<script>
	export default{
		data(){
			return{
				dialogTableVisible:false
			}
		},
		methods:{
			open(){
				this.dialogTableVisible = true
			},
			close(){
				this.dialogTableVisible = false
			}
		}
	}
</script>

<style>
</style>